<template>
  <div @click="father">
    <h1>v-on练习</h1>
    <!-- $event: 代表事件对象 -->
    <a href="http://www.baidu.com" @click="fn">百度一下</a>
    <a href="http://www.baidu.com" @click="fn($event)">百度一下</a>
  </div>
  
</template>

<script>
export default {
  data () {
    return {
      money: 1000
    }
  },
  methods: {
    fn (e) {
      console.log(e)
      e.preventDefault()
      e.stopPropagation()
      console.log('哈哈哈')
    },
    father () {
      console.log('我是father事件')
    }
  }
}
</script>

<style>

</style>